@charset "utf-8";

/* 页头 */
.head-right{padding: 4px 0 16px 0;}

/* 顶部搜索框 */
.fix-top{width: 100%;height: 70px;background-color: #fff;position: fixed;top: 0;border-bottom: 6px solid #f60;display: none;z-index: 400;}
.fix-top .head-search{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

/* 图书详情表头 */
.proDetail{box-sizing: border-box;}
.proDetail > p{ line-height: 40px;}
.proDetail > p a:first-child{ font-size:20px; font-weight: bold; color:#000;}

/* 放大镜 */
#exzoom {width: 390px;height: 400px;}

/* 图书详情 */
.proDetail .bookdetail{ line-height: 30px; width:800px;height: 460px;}
.proDetail .priceDel{ position: relative}
.proDetail .bookdetail p *{ margin-right: 10px;}
.proDetail .priceDel p i{
    display: inline-block; width:88px; height:26px; background:url("../imgs/Q.png")no-repeat;
    color:#fff; text-align: center; line-height: 26px; font-style: normal;
}
.proDetail .bookdetail .evaluation{
    width:80px; height:40px; line-height:20px ;border-left:1px solid #fff;
    text-align: center; position: absolute; right:0; top:20px;
}
.proDetail .bookdetail b{
    display: inline-block; width:100px; height:34px; text-align: center; line-height:34px;
    border:1px solid #ccc; cursor: pointer;
}
.proDetail .bookdetail b.active{
    border:1px solid #f60; background:url("../imgs/select.png") no-repeat right bottom;
}
.proDetail .bookdetail .proNum{
    width:60px;padding-left:1px; height:40px;  text-align: center;
    margin:10px 20px 0 0;
}
.proDetail .bookdetail .proNum input{float:left; width:38px; height:38px;text-align: center;}
.proDetail .bookdetail .proNum a{
    float:left; width:20px; height:20px; line-height: 20px;  background:#ccc; font-size:18px;
    cursor: pointer;
}
.proDetail .bookdetail .addCar{
    width:190px; height:60px; background:#f60; border-radius: 3px; text-align: center;
    line-height: 60px; font-size:20px;;
}
.priceDel p{line-height: 40px;}


/* 人气单品 */
.sale{ height: 300px; margin-top: 25px; }
.sale-top{ height: 50px; border-bottom: 6px solid #ff6600; box-sizing: border-box; }
.sale-top span{ display: block; width: 220px; height: 46px; background-color: #ff6600; text-align: center; line-height: 45px; color: #fff; }
.sale ul{ margin-left: 15px; }
.sale ul li{float: left; width: 210px; height: 260px; margin-right: 25px; margin-top: 4px;}
.sale ul li .img1{ margin-top: 7px; margin-left: 30px; }
.sale ul li p{ margin-left: 10px; margin-top: 5px; }
.sale ul li:hover{ background-color: #f2f2f2; }